<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<META content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<title>欢迎您登录SentCMS管理平台</title>
<link rel="stylesheet" type="text/css" href="__STATIC__/plugs/bootstrap/css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="__STATIC__/css/libs/font-awesome.css"/>
<link rel="stylesheet" type="text/css" href="__STATIC__/css/libs/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="__STATIC__/plugs/layui/css/layui.css"/>
<link rel="stylesheet" type="text/css" href="__STATIC__/css/admin/login.css"/>
<script type="text/javascript" src="__STATIC__/plugs/jquery/jquery.min.js"></script>
<script type="text/javascript" src="__STATIC__/plugs/layui/layui.all.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="__STATIC__/js/html5shiv.min.js"></script>
<script src="__STATIC__/js/ie8polyfill.min.js"></script>
<![endif]-->
</head>
<body id="login-page-full">
<div class="login-container">

	<!-- 动态云层动画 开始 -->
	<div class="clouds-container">
		<div class="clouds clouds-footer"></div>
		<div class="clouds"></div>
		<div class="clouds clouds-fast"></div>
	</div>
	<!-- 动态云层动画 结束 -->

	<!-- 顶部导航条 开始 -->
	<div class="header notselect">
		<span class="title notselect">SentCMS <sup>v{$Think.SENTCMS_VERSION}</sup></span>
		<ul>
			<li><a href="javascript:void(0)" target="_blank">帮助</a></li>
			<li>
				<a href="http://sw.bos.baidu.com/sw-search-sp/software/9e6bc213b9d0b/ChromeStandalone_63.0.3239.132_Setup.exe">推荐使用谷歌浏览器</a>
			</li>
		</ul>
	</div>
	<!-- 顶部导航条 结束 -->

	<!-- 页面表单主体 开始 -->
	<div class="container">
		<form onsubmit="return false;" method="post" class="content layui-form animated fadeInDown">
			<div class="people">
				<div class="tou"></div>
				<div id="left-hander" class="initial_left_hand transition"></div>
				<div id="right-hander" class="initial_right_hand transition"></div>
			</div>
			<ul>
				<li class="username">
					<i class="fa fa-user"></i>
					<input required pattern="^\S{4,}$" name="username" value="" type="text" autofocus="autofocus" autocomplete="off" title="请输入4位及以上的字符" placeholder="请输入用户名/手机号码">
				</li>
				<li class="password">
					<i class="fa fa-shield"></i>
					<input required pattern="^\S{4,}$" name="password" value="" type="password" autocomplete="off" title="请输入4位及以上的字符" placeholder="请输入密码">
				</li>
				<li class="verify">
					<i class="fa fa-qrcode"></i>
					<input required pattern="^\S{3,}$" name="verify" value="" type="text" autocomplete="off" title="请输入3位及以上的字符" placeholder="请输入验证码">
					<span class="reloadverify"><img src="{:captcha_src()}" alt="验证码" height="38" class="verifyimg"></span>
				</li>
				<li class="text-center">
					<button type="submit" class="btn btn-primary btn-block">登录</button>
				</li>
			</ul>
		</form>
	</div>
	<!-- 页面表单主体 结束 -->

	<!-- 底部版权信息 开始 -->
	<div class="footer notselect">
		腾速科技 &copy; TenSent.Icn
	</div>
	<!-- 底部版本信息 结束 -->

</div>
<script>
$(function () {
	$('[name="password"]').on('focus', function () {
		$('#left-hander').removeClass('initial_left_hand').addClass('left_hand');
		$('#right-hander').removeClass('initial_right_hand').addClass('right_hand')
	}).on('blur', function () {
		$('#left-hander').addClass('initial_left_hand').removeClass('left_hand');
		$('#right-hander').addClass('initial_right_hand').removeClass('right_hand')
	});

	//表单提交
	$(document).ajaxStart(function(){
		$("button:submit").addClass("log-in").attr("disabled", true);
	}).ajaxStop(function(){
		$("button:submit").removeClass("log-in").attr("disabled", false);
	});

	$("form").submit(function(){
		var self = $(this);
		$.post(self.attr("action"), self.serialize(), success, "json");
		return false;

		function success(data){
			if(data.code){
				layer.msg(data.msg, {time:3000, end:function(){
					window.location.href = data.url;
				}});
			} else {
				layer.msg(data.msg, {time:3000, end:function(){
					//刷新验证码
					$(".reloadverify").click();
				}});
			}
		}
	});
	//初始化选中用户名输入框
	$("#itemBox").find("input[name=username]").focus();
	//刷新验证码
	var verifyimg = $(".verifyimg").attr("src");
	$(".reloadverify").click(function(){
		if( verifyimg.indexOf('?')>0){
			$(".verifyimg").attr("src", verifyimg+'&random='+Math.random());
		}else{
			$(".verifyimg").attr("src", verifyimg.replace(/\?.*$/,'')+'?'+Math.random());
		}
	});
});
</script>
</body>
</html>